<template>
  <div>
    <ListItem
      leftText="教学视频"
      :hasRightArrow="true"
    >
      <img
        src="./assets/video-icon.png"
        alt=""
        slot="icon"
      ></ListItem>
    <p class="text">1.leftText表示左边的文字</p>
    <p class="text">2.rightText表示右边的文字</p>
    <p class="text">3.hasRightArrow表示是否显示右侧箭头</p>
    <p class="text">4.slot的名字是icon，表示左边的图标</p>
  </div>
</template>

<script>
import ListItem from './components/ListItem'
export default {
  components: {
    ListItem
  }
}
</script>

<style>
</style>
